<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <!-- <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)"> -->
  <nz-tabset>
    <nz-tab nzTitle="发货单列表"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete>

  </ng-template>


  <form nz-form [nzLayout]="'inline'" class="search__form">
      <div nz-row [nzGutter]="24">
        <div nz-col nzLg="4">
          <nz-form-item>
            <nz-form-control>
              <nz-range-picker placeholder="发货日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" [(ngModel)]="q.dateRange"
                               (ngModelChange)="dateChange($event)"></nz-range-picker>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">供应商编号</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.lifnr" (keyup)="($event.which === 13)?loaddata(1):0" name="lifnr" placeholder="供应商编号" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <!--<div nz-col nzLg="3">-->
          <!--<nz-form-item>-->
            <!--&lt;!&ndash;<nz-form-label nzFor="spQuotientQuery">供应商名称</nz-form-label>&ndash;&gt;-->
            <!--<nz-form-control>-->
              <!--<input nz-input [(ngModel)]="q.name1" (keyup)="($event.which === 13)?loaddata(1):0" name="name1" placeholder="名称" >-->
            <!--</nz-form-control>-->
          <!--</nz-form-item>-->
        <!--</div>-->
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">采购订单</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.ebeln" (keyup)="($event.which === 13)?loaddata(1):0" name="ebeln" placeholder="采购订单" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
          <nz-form-item>
            <!--<nz-form-label nzFor="spQuotientQuery">采购订单</nz-form-label>-->
            <nz-form-control>
              <input nz-input [(ngModel)]="q.vbeln1" (keyup)="($event.which === 13)?loaddata(1):0" name="vbeln1" placeholder="快递单号" >
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzLg="3">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </div>
      </div>
    </form>

</nz-card>
  <nz-upload [nzAction]="uploadExcelUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel" (nzChange)="uploadProd($event)">
    <button   nz-button style="margin-right: 8px;margin-bottom: 8px"><i class="anticon anticon-upload"></i><span>导入发货</span></button>
  </nz-upload>
  <button nz-button type="button"  style="margin-bottom: 8px" [nzLoading]="loading"    (click)="packattaall()"><i class="anticon anticon-download"></i>发货单导出</button>
  <!--<button nz-button type="button"  style="margin-bottom: 8px" [nzLoading]="loading"    (click)="showdownqmfirst()"><i class="anticon anticon-download"></i>质检报告导出</button>-->

  <button nz-button type="button" [nzLoading]="loading"  style="margin-bottom: 8px"  (click)="pacafirst()"><i class="anticon anticon-down"></i>打印导出</button>
  <button nz-button type="button" style="margin-bottom: 8px"  (click)="pacbfirst()"><i class="anticon anticon-plus"></i>物料标签</button>

  <button nz-button nzType='default' style="margin-right: 8px" (click)="showdownfirst()"><i class="anticon anticon-down"></i>批量打印导出</button>
  <button nz-button nzType='default' style="margin-right: 8px" (click)="showdownbqfirst()"><i class="anticon anticon-plus"></i>批量物料标签</button>


  <button nz-button type="button" style="margin-bottom: 8px"  (click)="delvbelnfirst()"><i class="anticon anticon-delete"></i>取消发货</button>
  <button nz-button type="button" style="margin-bottom: 8px" (click)="getall()"><i class="anticon anticon-right"></i>获取收货</button>
<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
              [pageSizeOptions]="[10,50,100,200,500]"
    [showSizeChanger]="true"
              [scroll]="{  x: '2800px' }"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
